---
title: Localisation
description: Personnalisation de la langue de votre dApp avec des traductions intégrées
---

# Localisation

## Personnalisation de la langue de votre dApp avec des traductions intégrées

Par défaut, RainbowKit prend en charge la localisation `en-US` pour les utilisateurs anglophones.

Si disponible, RainbowKit détectera la [langue préférée](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/language) de l'utilisateur et choisira les traductions appropriées. Les développeurs peuvent toujours remplacer la langue par défaut.

Pour spécifier une langue pour vos utilisateurs, ajoutez simplement `locale="zh-CN"` comme prop dans votre `RainbowKitProvider`.

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

export const App = () => (
  <RainbowKitProvider locale="zh-CN" {...etc}>
    {/* Your App */}
  </RainbowKitProvider>
);
```

### Utilisation avec Next.js

Le support de localisation de RainbowKit fonctionne encore mieux avec le [Routing par sous-chemin](https://nextjs.org/docs/pages/building-your-application/routing/internationalization#sub-path-routing).

Configurez votre projet Next.js comme l'exemple ci-dessous pour ajouter un sous-chemin `/locale/` optionnel à vos routes, ce qui aidera les moteurs de recherche et les utilisateurs à mieux découvrir votre support multilingue.

```json
// next.config.js
{
  i18n: {
    locales: ['default', 'en', 'zh-CN'],
    defaultLocale: 'default',
  },
}
```

Passez ensuite la `locale` fournie par le Pages Router au `RainbowKitProvider`.

```tsx
import { RainbowKitProvider, Locale } from '@rainbow-me/rainbowkit';

export const App = () => {
  const { locale } = useRouter() as { locale: Locale };
  return (
    <RainbowKitProvider locale={locale} {...etc}>
      {/* Your App */}
    </RainbowKitProvider>
  )
};
```

Vous pouvez consulter un exemple pour le Pages Router [ici](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next).

Le App Router ne supporte pas encore l'i18n. Consultez notre exemple séparé [ici](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next-app-i18n) pour les meilleures pratiques d'implémentation avec le middleware [`next-intl`](https://github.com/amannn/next-intl).

Il est recommandé d'utiliser les mêmes techniques pour traduire le contenu de votre dApp afin d'assurer un support de localisation complet. Les bibliothèques de localisation comme [`i18n-js`](https://github.com/fnando/i18n) et [`next-intl`](https://github.com/amannn/next-intl) ainsi que les outils de gestion comme Crowdin simplifieront ce processus.

### Langues supportées

Nous offrons un support complet pour les régions de `locales` suivantes :

<Table
  header={[
    'Langue', 'Région', 'Locale', 'Abréviation'
  ]}
  dataTypes={[
    'string', 'string', 'code', 'code'
  ]}
  data={[
    ['English', 'United States 🇺🇸', 'en-US', 'en'],
    ['中文', 'Mainland China 🇨🇳', 'zh-CN', 'zh-Hans', 'zh'],
    ['繁體中文', 'Hong Kong 🇭🇰', 'zh-HK'],
    ['繁體中文', 'Taiwan 🇹🇼', 'zh-TW', 'zh-Hant'],
    ['हिंदी', 'India 🇮🇳', 'hi-IN', 'hi'],
    ['Español', 'Latin America 🌎', 'es-419', 'es'],
    ['Français', 'France 🇫🇷', 'fr-FR', 'fr'],
    ['العربية', 'Middle East 🌍', 'ar-AR', 'ar'],
    ['Português', 'Brazil 🇧🇷', 'pt-BR', 'pt'],
    ['Русский', 'Russia 🇷🇺', 'ru-RU', 'ru'],
    ['Bahasa Indonesia', 'Indonesia 🇮🇩', 'id-ID', 'id'],
    ['日本語', 'Japan 🇯🇵', 'ja-JP', 'ja'],
    ['Türkçe', 'Turkey 🇹🇷', 'tr-TR', 'tr'],
    ['한국어', 'South Korea 🇰🇷', 'ko-KR', 'ko'],
    ['ภาษาไทย', 'Thailand 🇹🇭', 'th-TH', 'th'],
    ['українська', 'Ukraine 🇺🇦', 'uk-UA', 'ua'],
    ['Tiếng Việt', 'Vietnam 🇻🇳', 'vi-VN', 'vi'],
    ['Deutsch', 'Germany 🇩🇪', 'de-DE', 'de'],
    ['Bahasa Melayu', 'Malaysia 🇲🇾', 'ms-MY', 'ms']
  ]}
/>

Si vous souhaitez voir la prise en charge d'une langue supplémentaire, veuillez ouvrir une [discussion GitHub](https://github.com/rainbow-me/rainbowkit/discussions/new?category=ideas) et nous travaillerons pour la prendre en charge dès que possible.
